<template>
    <div>
        <h-section title="研发流程信息" collapse>
            <flexbox class="cell-item">
                <div class="cell-item-label">当前阶段：</div>
                <div class="font-w-b">{{ stage }}</div>
            </flexbox>
            <div class="cell-item">
                <div class="caption-font-color" style="line-height: 24px">提示：本平台验收后会调用接口自动完成测试管理平台验收，无需重复操作</div>
            </div>
            <a-divider />
            <slot name="processHistoryRecord" />
        </h-section>
        <h-section title="测试流程" collapse v-if="detail.pmpTestInformationDTO">
            <a-form layout="inline">
                <a-row>
                    <a-col :span="16">
                        <a-form-item label="提测需求名称" :span="24">
                            <span>{{ detail.versionName }}</span>
                        </a-form-item>
                        <a-form-item label="测试系统" :span="24">
                            <span>{{ detail.pmpTestInformationDTO.testSystem }}</span>
                        </a-form-item>
                        <a-form-item label="测试时间" :span="24">
                            <span>{{ detail.pmpTestInformationDTO.testStartTime }}</span>
                        </a-form-item>
                        <a-form-item label="测试方式" :span="24">
                            <span>自动提测</span>
                        </a-form-item>
                        <a-form-item label="测试类型" :span="24">
                            <span>{{ detail.pmpTestInformationDTO.testType }}</span>
                        </a-form-item>
                    </a-col>
                </a-row>
            </a-form>
            <slot name="testHistoryRecord" />
        </h-section>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
    props: {
        detail: {
            type: Object,
            default: () => ({})
        },
        stage: {
            type: String,
            default: ''
        }
    },
    setup() {
        return {};
    }
});
</script>

<style scoped lang="less">
@import './styles/index.less';
</style>